<template>
  <van-number-keyboard
    :show="curComp.config.isActive"
    :title="attrs.tips"
    :z-index="attrs.zIndex"
    :close-button-text="attrs.cancelText"
    :hide-on-click-outside="attrs.closeOnClickOverlay"
    @close="curComp.config.isActive = false"
    @hide="curComp.config.isActive = false"
    @confirm="curComp.config.isActive = false"
  />
</template>
<script setup lang='ts'>
import { useAttrs } from 'generator/hooks'

const props = defineProps<{
  panelJson: TPanel
  curComp: TComp
}>()

const attrs = useAttrs(props.curComp.attrs)
</script>
<style scoped>
.wft-w-h-100 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
</style>